<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta content="email=no" name="format-detection" />
    <script src="build/flexible.js"></script>
    <script src="build/flexible_css.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/icons.css">
    <!--[if lt IE 8]><!-->
    <link rel="stylesheet" href="ie7/ie7.css">
    <link rel="stylesheet" href="js/swiper/swiper.css">
    <!--<![endif]-->
    <title>我的小区</title>
</head>
<body>
<section class="section-nav">
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="img/banner.jpg"></a>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <div class="menu">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul class="menu-list clear">
                        <li>
                            <a href="">
                                <div class="menu-img"><img src="img/icons-notice.png"></div>
                                <div class="menu-word font12">社区公告</div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="menu-img"><img src="img/icons-advice.png"></div>
                                <div class="menu-word font12">投诉建议</div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="menu-img"><img src="img/icons-fix.png"></div>
                                <div class="menu-word font12">报修服务</div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="menu-img"><img src="img/icons-service.png"></div>
                                <div class="menu-word font12">便民服务</div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="menu-img"><img src="img/icons-mall.png"></div>
                                <div class="menu-word font12">惠民超市</div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="menu-img"><img src="img/icons-class.png"></div>
                                <div class="menu-word font12">社区课堂</div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="menu-img"><img src="img/icons-shop.png"></div>
                                <div class="menu-word font12">社区菜市</div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="menu-img"><img src="img/icons-center.png"></div>
                                <div class="menu-word font12">活动中心</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <ul class="banner-samll box margin-square">
        <li>
            <a href=""><img src="img/banner-small1.png"></a>
        </li>
        <li>
            <a href=""><img src="img/banner-small2.png"></a>
        </li>
    </ul>

    <div class="hot margin-square box box-center">
        <div class="hot-img"><img src="img/icons-small-hot.png"></div>
        <p class="font14">热门推荐</p>
    </div>

    <ul class="list">
        <li>
            <a href="">
                <div class="box box-left box-center">
                    <div class="store-img item-fix"><img src="img/banner.jpg"></div>
                    <div class="store-word item font16">7-Eleven</div>
                </div>
            </a>
        </li>
        <li>
            <a href="">
                <div class="box box-left box-center">
                    <div class="store-img item-fix"><img src="img/logo.jpg"></div>
                    <div class="store-word item font16">7-Eleven</div>
                </div>
            </a>
        </li>
    </ul>

</section>
<footer>
    <nav>
        <ul class="box box-center">
            <li>
                <a href="index.html" class="now">
                    <div class="icon-nav icon-home"></div>
                    <div class="nav-word font12">我的小区</div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="icon-nav icon-order"></div>
                    <div class="nav-word font12">服务订单</div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class="icon-nav icon-tribune"></div>
                    <div class="nav-word font12">论坛活动</div>
                </a>
            </li>
            <li>
                <a href="mine.html">
                    <div class="icon-nav icon-mine"></div>
                    <div class="nav-word font12">个人中心</div>
                </a>
            </li>
        </ul>
    </nav>
</footer>
<script src="js/jquery.js"></script>
<script src="js/swiper/swiper.js"></script>
<script src="js/each/index.js"></script>
</body>
</html>